<template>
  <div class="box" @click="definedP"></div>
</template>
<script>
export default {
  methods:{
    // function definedP(url) {
    //   const promise = new Promise(function (resolve, reject) {
    //     const img = new Image();
    //     img.src = url;
    //     img.onLoad = () => {
    //       resolve(img);
    //     };
    //     img.onerror = () => {
    //       reject(console.log("error"));
    //     };
    //   });
    //   return promise;
    // }
    // const promise = definedP(
    //   "https://pic.rmb.bdstatic.com/bjh/914b8c0f9814b14c5fedeec7ec6615df5813.jpeg"
    // );
    // var box = document.getElementsByClassName("box")[0];
    // promise.then(
    //   function () {
    //     box.appendChild("img");
    //   },
    //   function (error) {
    //     box.insertBefore("图片加载失败");
    //     console.log(error);
    //   }
    // );
  },
};
</script>
<style lang="less">
</style>